﻿<style>
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    width: 100%;
    height: 100%;
    /*margin-top: 60px;*/
  }
  html,body{
    width: 100%;
    height: 100%;
  }
</style>

<template>
  <div id="app">
    <transition name="fade">
      <router-view></router-view>
    </transition>
  </div>

</template>

<script>
  import Vue from "vue"
  import reset from '../static/css/reset.css';
  import VueAwesomeSwiper from 'vue-awesome-swiper'
  import 'swiper/dist/css/swiper.css'
  Vue.use(VueAwesomeSwiper)
  export default {
    name: 'app',

  }

</script>
<style scoped>
  .fade-enter-active, .fade-leave-active {
    transition: opacity .5s
  }
  .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {
    opacity: 0
  }
</style>


